import {Card} from 'antd'
import React from 'react'
import './HonorPortal.less'

const HonorPortal = (props) => {


  const {loading, currentUser = {}} = props;

  const data = [
    {title:'2020年彰泰集团',text:'优秀员工奖',date:'2020-08-01'},
    {title:'2019年彰泰集团',text:'优秀员工奖',date:'2019-12-21'},
    {title:'2018年彰泰集团',text:'优秀员工奖',date:'2018-06-11'}
  ];

  return (
    <Card loading={loading} title="荣誉墙">
      <div className='honor-bg'>
        <div className='honor-bg-left'></div>
        <div className='honor-bg-center'>
          <div className='honor-bg-center-top'>
            <div className='honor-bg-center-top-carousel'>
              {
                data.map((item, index) => {
                  return <div className='honor-img-height-div' key={index}>
                    <div className='honor-img-div'>
                      <div className='honor-img-div-padding'>
                        <p className='honor-title-font'>{item.title}</p>
                        <p className='honor-txt-font'>{item.text}</p>
                      </div>
                      <span className='honor-data-font'>{item.date}</span>
                    </div>
                  </div>
                })
              }
            </div>
          </div>
          <div className='honor-bg-center-bottom'></div>
        </div>
        <div className='honor-bg-right'></div>
      </div>
    </Card>
  )
};

export default HonorPortal
